/*-------window 窗口-------*/
.blackgroundLock {
	-moz-opacity:0.5;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(images/b.png);
	z-index:1;
}

.windowSide {
	-moz-opacity:1.0;
	margin:0;
	padding:0;
	position:absolute;
	background-color: #D6E2F2;
	border:1px solid #9BBBE2;
	z-index:10;
	display:table;
}
.windowInside {
	margin:5px 5px 0 5px;
	padding:0px;
	display:table;
}

.windowTitlePanel {
	text-align: left;
	cursor: move;
	font-weight: bold;
	line-height:22px;
	height:22px;
	margin:0;
	padding:0;
}

.winIcon {
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background-image:url(images/jspxnet16.png);
	background-repeat: no-repeat;	
	/*background:#000;*/
}

.winUserIcon {
	float:left;
	width:16px;
	height:16px;
	margin-right:3px;
	background-image:url(images/user16.png);
	background-repeat: no-repeat;	
	/*background:#000;*/
}


.windowButtonPanel{
	float:right;
	_margin-right:-5px;
}
.windowButtonPanel span {
	width: 15px;
	height: 15px;
	margin:1px;
	_margin-bottom:-5px;
	cursor:pointer;
	float:left;
	background-image: url(images/tool-sprites.gif);
}
.minWindow {
	background-position: 0px -15px;
}
.minWindow:hover {
	background-position: -15px -15px;
}
.maxWindow {
	background-position: 0px -30px;
}
.maxWindow:hover {
	background-position: -15px -30px;
}
.zoomWindow {
	background-position: 0px -45px;
}
.zoomWindow:hover {
	background-position: -15px -45px;
}
.closeWindows {
	background-position: 0px 0px;
}
.closeWindows:hover {
	background-position: -15px 0px;
}
.windowContext {
	width:100%;
	background-color: #fff;
	word-wrap:break-word;
	margin:0;
	padding:0;
	clear:both;
	display:table;
	position:relative;

}
.dragSizePanel {
	width:100%;
	_padding-left:10px;
	_margin-top:-13px;
	margin:0;
	padding:0;	
}
.dragSizeOperate {
	width:5px;
	height:5px;
	display: block;
	float:right;
	cursor:se-resize;
	background-image:url(images/drap_perate_bg.gif);
}

button.jdialog-ok-button {
	border: 1px solid #A2ACCA;
	background-image:url(images/icon-yes.png);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 20px;
	margin:2px;
	color:#686868;
}


button.jdialog-ok-button:hover
{
	border:#360 solid 1px;
}


button.jdialog-no-button {
	border: 1px solid #A2ACCA;
	background-image:url(images/icon-no.png);
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 20px;
	margin:2px;
	color:#686868;
}

button.jdialog-no-button:hover
{
	border:#360 solid 1px;
}

/*---------对话框按钮--*/
.jdialogButtonPanel {
	background:#F1F1F1;
	padding:0;
	margin:0;
	clear:both;
	text-align:right;
	line-height:22px;
	width:100%;
	left:0;
	bottom:0px;
	display: block;
}

.jdialogContentPanel {
	padding:0;
	margin:8px 5px;
	clear:both;
	background-color:#FFF;
	display: block;
	overflow: auto;
}

.jdialogButtonPanel button,.jdialogButtonPanel input[type=text]{
	height:22px;
}

/*-----------颜色对话框---*/
div.jdialog_colorPanel {
	width:420px;
	float:inherit;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}

div input.jdialog_colorInput {
	width:60px;
	float:left;
}

div.jdialog_colorPanel span
{
	display:block;
	clear:both;
	width:100%;
	height:18px;
	padding:0;
	margin:0;
}
	
div.jdialog_colorPanel div {
	float:left;
	height:10px;
	width:10px;
	margin:1px;
}

div.jdialog_colorPanel div:hover {
   margin:0;
   border: 1px solid red;
   cursor:pointer;
}

/*-------tabs 选卡-------*/
.tabsheader ul{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center
}

.tabsheader li.current:visited,.tabsheader a.current,.tabsheader a.current:hover{
	width:84px;position:
	relative;float:
	left;margin-right:
	2px;background:url(images/tabsdark.gif);
	padding-top:6px;height:24px
}

.tabsheader li{
	width:84px;
	position:relative;
	float:left;
	margin-right:2px;
	background-image:url(images/tabsdark.gif);
	background-position:-87px 0;
	padding-top:8px;
	height:24px;
	color:#FFF;
}

.tabsheader li:hover{
	background-image:url(images/tabsdark.gif);
	background-position:-175px 0;
	padding-top:6px;
	height:24px;
	background-color:transparent
}

/*选中样式*/
li.tabButton_current{
	color:#001;
	font-weight:bold;
}

/*-------滑动门-------*/
div.slidingDoor{
	margin:0;
	padding:0;
    padding-left: 10px;
	clear:both;
	height:98%;
	overflow: hidden;
	display:block;
	background: transparent url(images/currentdoor_bg.gif) repeat-x bottom;
}

div.slidingDoor a{
      background: transparent url(images/currentdoor.gif) no-repeat scroll right top;
	  display: block;
      float: left;
      height: 24px;
      padding-right: 10px;
      margin-right: 10px;
      text-decoration: none;
	  color:#000;
}

div.slidingDoor span{
      background: transparent url(images/currentdoor_span.gif) no-repeat;
      display: block;
      padding: 5px 1px 5px 11px;
      line-height: 14px;
  	  color:#000;
}

div.slidingDoor a:hover {
      background-position: right -24px;
}

div.slidingDoor a:hover span {
      background-position: left -24px;
}

div.slidingDoor a:active {
      background-position: right -48px;
      outline: none;
}

div.slidingDoor a:active span {
      background-position: left -48px;
      padding: 6px 0 4px 12px;
}

div.slidingDoor .currentDoor{
      background-position: right -48px;
      outline: none;
}

div.slidingDoor .currentDoor span {
      background-position: left -48px;
      padding: 6px 0 4px 12px;
}

/*-------按钮-------*/
a.button span{
    padding:0px;
	margin:0px;
	cursor:pointer;
	
	color:#000;
}
/*-------按钮字体颜色 color: White;-------*/
a.button {
      background: transparent url(images/icon-button.gif) no-repeat scroll right top;
	  display: block;
      float: left;
      height: 24px;
      padding-right: 10px;
      margin-right: 10px;
      text-decoration: none;
}

a.button span {
      background: transparent url(images/icon-buttion-span.gif) no-repeat;
      display: block;
      padding: 5px 1px 5px 11px;
      line-height: 14px;
}

a.button:hover {
      background-position: right -24px;
}

a.button:hover span {
      background-position: left -24px;
}

a.button:active {
      background-position: right -48px;
      outline: none;
}

a.button:active span {
      background-position: left -48px;
      padding: 6px 0 4px 12px;
}

a.block {
	margin:4px;
	padding:2px;
	box-shadow:0 1px 2px #AAAAAA;
	color:#666;
	font-size:90%;
	display:run-in;
	margin: 2px 5px 5px 2px;
	border-radius: 6px 6px 6px 6px;
	text-decoration: none;
	float:left;
}

a.block:hover {
	color:#060;
    text-decoration: none;
}
/*----------简单颜色选择框--------------*/
input.calendar {
    background:url(images/calendar.png) no-repeat right;
	width:90px;
}

input.popGrid {
    background:url(images/popgrid.png) no-repeat right;
}

input.popTree {
    background:url(images/poptree.png) no-repeat right;
}
input.colorBox {
	background:url(images/color.png) no-repeat right;
	width:90px;	
}
div.colorPanel {
	position:absolute;
	width:72px;
	float:left;
	background-color:#CCC;
	z-index:100;
}

div.colorPanel div {
	float:left;
	height:16px;
	width:16px;
	margin:1px;
}
					
div.colorPanel div:hover {
   margin:0;
   border: 1px solid red;
}
/*-------嵌入到树结构的宽---*/
li.treeLiNode input.colorBox {
	width:56px;
}

/*---------------calendar 日历-----*/
.calendarTopContainer tr td{
	vertical-align: top;
}
.popCalendarContainer{
	opacity: 0.88;
	filter: alpha(opacity=88);
}
.calendarContainer{
	font: normal 12px arial, helvetica, sans-serif;
	border: #1D99C9 1px solid;
	width: 210px;
	display: block;
}
/* top */
.calendarTopContainer{
	width: 210px;
	height: 36px;
	background-color: #33B1E1;
	overflow: hidden;
}
.calendarTodayView{
    float:left;
	font: bold 32px arial, helvetica, sans-serif;
	color: #FFF;
	height: 36px;
	cursor: pointer;
}
.calendarDateView{
	width: 100px;
	height: 36px;
	*height: 30px;
}
.calendarWeekView,
.calendarYearMonthContainer{
	font: normal 12px arial, helvetica, sans-serif;
	height: 18px;
	overflow: hidden;
	color: #FFF;
}
.calendarWeekView{
	width: 90px;
	height: 14px;
	padding-top: 1px;
	text-indent: 3px;
	*height: 13px;
	*padding-top: 1px;
}
.linkQuickYear,
.linkQuickMonth{
	padding: 0 3px;
	height: 18px;
	line-height: 18px;
	text-decoration: underline;
	color: #FFF;
}
.linkQuickYear:hover,
.linkQuickMonth:hover{
	color: #FFFF80;
	text-decoration: none;
}
.calendarYearMonthContainer select{
	font: normal 12px arial, helvetica, sans-serif;
	border: #33B1E1 1px solid;
	display: none;
}
.selectQuickYear{
	width:60px;
}

.selectQuickMonth{
	width:45px;
}

.calendarCloseContainer{
	width: 47px;
	height: 12px;
	margin-top: 3px;
	float:right;
}
.calendarClose{
	font: bold 14px arial, helvetica, sans-serif;
	width: 12px;
	height: 12px;
	line-height: 10px;
	color: #FFF;
	background: #1D9BCB;
	border: #7DDAFB 1px solid;
	text-align: center;
	float: right;
	display: block;
	text-decoration: none;
	*padding: 0 2px 2px 2px;
}
.calendarClose:hover{
	color: #7DDAFB;
}
.calendarQuickContainer{
	margin-top: 2px;
	float:left;
	padding-left:2px;
}
.toPrevYear,
.toPrevMonth,
.toNextMonth,
.toNextYear,
.backToday{
	font: bold 14px arial, helvetica, sans-serif;
	float: left;
	height: 10px;
	line-height: 10px;
	font-size:120%;
	color: #FFF;
	overflow: hidden;
	display: block;
	_display: inline;
}
.backToday{
	height: 8px;
	margin: 3px;
	background: #fff;
}
.toNextYear:hover,
.toPrevYear:hover,
.toPrevMonth:hover,
.toNextMonth:hover{
	color:#FC0;
}
.backToday:hover{
	background-color: #FC0;
}

/* Main */
.calendarMainContainer{
	width: 210px;
	background-color: #FFF;
}
.calendarWeeksContainer{
	height: 20px;
	background-color: #D9E4F2;
	border-bottom: #1D99C9 1px solid;
	border-top: #1D99C9 1px solid;
}
.calendarWeeksContainer span{
	width: 30px;
	height: 20px;
	color: #003366;
	text-align: center;
	display: inline-block;
	padding-top: 3px;
}
.calendarDaysContainer tr td{
	width: 30px;
	height: 20px;
	text-align: center;
	font: normal 12px arial, helvetica, sans-serif;
	overflow: hidden;
	
}
.calendarDaysContainer tr td span{
	cursor:pointer;
	display: block;
	_text-align: center;
}
.calendarTipsContainer{
	position: absolute;
	display: none;
	overflow: hidden;
	width: 198px;
	padding: 3px 6px;
	line-height: 18px;
	font: normal 12px arial, helvetica, sans-serif;
	background-color: #f7f7f7;
	color: #666;
	border: #1D99C9 1px solid;
	border-top-style: none;
}
/* current day, has tip days style */
.calendarCurrentDay{
	font-weight: bold;
	border: #cb0000 1px solid;
	background-color: #FF0000;
	color: #FFF;
}
.calendarTipDay{
	border: #999 1px solid;
	background-color: #FFFFDD;
	color: #666;
}
.calendarOldTipDay{
	border: #ccc 1px solid;
	background-color: #f7f7f7;
	color: #888;
}

/*----嵌入在树结构的宽------*/
li.treeLiNode input.calendar {
	width:70px;
}
/*----------表格 控制面板-------------*/
div.tableOutside {
	border: 1px solid #1B87C5;
	background-color: #EEF7FF;
	padding: 5px;
	margin: 3px;
	width: 99%;
	clear: both;
	display: block;
}

.JDataTablePanel{
	border:1px solid #9BBBE2;
	clear:both;
}

.JDTTableHeadPanel
{
	background-color:red;
	border:1px solid #9BBBE2;
}
.JDTTitlePanel {
	line-height:26px;
	text-align: center;
	width:100%;
	display: block;
	font-weight: bold;
	background:#B6D1EF url(images/jdt_tit_bg.gif) repeat;
}

.JDTButtonPanel{
	border-top:1px solid #9BBBE2;
	height:26px;
	background: #D6E2F2 url(images/jdt_inputpan_bg.gif) repeat-x top;
}

.JDTButtonPanel button {
	margin:3px 3px;
	*margin:3px 5px;
	cursor:pointer;
	border:none;
	padding-left:16px;
	*padding-left:12px;
	display:block;
	float:left;
	
}
/*---翻页---*/
ul.pagination{
	margin:0;
	padding:0;
	float:right;
}

ul.pagination li{
	float:left;
	height:20px;
	line-height:20px;
	list-style-type: none;
	margin:4px;
	text-align:center;
	border:1px solid #999;
	*width:30px;
}

ul.pagination a{
	height:20px;
	padding:0 6px;
	display:block;
	color: #666;
	text-decoration: none;
}

ul.pagination a:hover{
	background-color: #FFE0D0;
	color: #FFff00;
}

ul.pagination li.currentState{
	background-color: #FFEEE5;
	border: 1px solid #FF5500;
	color: #FF5500;
	font-weight: bold;
	padding:0 6px;
}

ul.pagination li.noStyle{
	border:none;
	margin:5px 0;
}

ul.pagination .previousPage,ul.pagination .nextPage{
	background-color:transparent;
	border:none;
}

ul.pagination .previousPage a,ul.pagination .nextPage a{
	border-bottom:8px solid #FFFFFF;
    border-top: 8px solid #FFFFFF;
	height:0;
	width:0;
    overflow: hidden;
	display: block;
	margin-top:2px;
	padding:0;
}

ul.pagination .previousPage a{
	border-right: 12px solid #FF5500;
	margin-left:0;
}

ul.pagination .previousPage a:hover{
	border-right: 12px solid #FFD2BB;
	margin-left:0;
}

ul.pagination .nextPage a{
	border-left: 12px solid #FF5500;
}

ul.pagination .nextPage a:hover{
	border-left: 12px solid #FFD2BB;
}

	
/*高36 宽120 */
.jDTAddUser{/*添加用户*/
    background:#D6E2F2 url(images/icon_application.gif) no-repeat -240px 0px;
}

.jDTDelUser{/*删除用户*/
     background:#D6E2F2 url(images/icon_application.gif) no-repeat -240px -36px;
}

.jDTEditUser{/*删除用户*/
     background:#D6E2F2 url(images/icon_application.gif) no-repeat -240px -72px;
}

.jDTAdd{/*添加表格*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left 0;
	*background-position: left 0;
}

.jDTUp{/*提前*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -250px;
}

.jDTSave{/*保存*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -396px;
}

.jDTPrint{/*打印*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -396px;
}

.jDTDonwload{/*下载*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -240px -396px;
}

.jDTDelete{/*删除*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -36px;
}

.jDTClear{/*下架*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat  -120px -36px;
}

.jTDEdit{/*编辑*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -72px;
}

.jTDView{/**/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -108px;
}

.jDTShow{/*显示表格*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -144px;
}

.jDTArea{/**/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -108px;
}

.jTDRefresh{/*刷新*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -180px;
}

.jTDYes{/*确定*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -180px;
}

.jTDAuditing{/*审核*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -324px;
}

.jTDUp{/*提前*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -252px;
}

.jTDTop{/*置顶*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -252px;
}

.jTDTopRestore{/*置顶还原*/
  background:#D6E2F2 url(images/icon_application.gif) no-repeat -241px -252px;
}

.jTDExcel{/*Excel导出*/
  background:#D6E2F2 url(images/icon_application.gif) no-repeat left -541px;  
}

.jTDImport{/*导入*/
  background:#D6E2F2 url(images/icon_application.gif) no-repeat left -288px;  
}

.jTDExport{/*导出*/
   background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -288px;
}

.jTDStat{/*无图形报表*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -540px;
}

.jTDCharts{/*图形报表*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -432px;
}

.jTDMail{/*邮件*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -432px;
}

.jTDChange{/*变更*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -468px;
}

.jTDCopy{/*拷贝*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat left -360px;
}

.jTDMove{/*移动*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat  -240px -360px;
}

.jTDLock{/*锁定*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat  -120px -108px;
}

.jTDUnLock{/*解锁*/
	background:#D6E2F2 url(images/icon_application.gif) no-repeat  -240px -108px;
}

.jTDSelectAll{/*全选*/
   background:#D6E2F2 url(images/icon_application.gif) no-repeat left -216px;
}

.jTDInverse{/*反选*/
   background:#D6E2F2 url(images/icon_application.gif) no-repeat -120px -216px;
}

.jDTShowHideButtonPanel button.save{
	font-size:12px;
	border:1px solid #9BBBE2;	
}

.jDTShowHideButtonPanel button.cancel{
	font-size:12px;
	border:1px solid #9BBBE2;	
}

.jDTShowHideDialog{
	margin-top:22px;
	font-size:12px;
	font-weight: normal;
	position: absolute;
	width:200px;
/*	left: 372px;*/
	background:#fff;
	border:1px solid #9BBBE2;
}

.JDTColumnButtonPanel{
	height:100%;
	overflow: hidden;
	width:8px;
}
.jDTShowHideDialog span{
	display:block;
	width:100%;
	clear:both;
}

.jDTShowHideDialog button{
	padding-left:5px;
	*padding-left:0;
}

/*-----------表格table部分-----------*/
.JDTTableBodyPanel{
	width:100%;
	overflow: auto;
	border:0;
	scrollbar-face-color: #D6E2F2; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #D6E2F2; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color:#FCE4F9;
	scrollbar-3dlight-color:#D6E2F2;
}

.JDataTable{
	border-collapse:collapse;
}

.JDataTable a:visited,.JDataTable a:link{
	text-decoration: none;
}

.JDataTable a:hover{
	text-decoration: underline;
}

.JDataTable thead th{
	vertical-align: top;
}

.JDataTable thead div{
	float: right;
	margin:0;
}

.JDataTable thead div.JDTDrag{
	float: left;
	width: 3px;
	height: 22px;
	top:auto;
	cursor: e-resize;
}

.JDataTable thead span.hide{
	background: url(images/icon-table-close.gif) no-repeat top;
}

.JDataTable thead span.move{
	background: url(images/icon-table-move.gif) no-repeat top;
}

/*---------拖动线-------------*/
div.vertical {
	position:absolute;
	z-index:100; 
	width:2px;
	background-color:#CCC;
}

div.caption {
	position:absolute;
	z-index:100; 
	background-color:#EBF1EB;
}

/*---------颜色选择------------*/

.JDataTable .td input.color {
	width:90%;
	background:url(images/color.png) no-repeat 1px 1px;
	padding-left:14px;
}

.JDataTable .td .colorPanel {
	position:absolute;
	z-index:100; 
	width:73px;
	float:left;
	background-color:#CCC;
}
.JDataTable .td .colorPanel span {
	float:left;
	height: 10px;
	width: 99%;
	margin:0;
	padding:0;
    border: 1px solid #000000;
}
.JDataTable .td .colorPanel div {
	float:left;
	height:16px;
	width:16px;
	margin:1px;
}
					
.JDataTable .td .colorPanel div:hover {
   margin:0;
   border: 1px solid red;
}

/*-----------树 Tree 部分-----------*/
div.treePanel {
	display:block;
}

.treePanel li ul.treeNodes {
	padding:0 0 0 24px;
	*padding:0;
	*margin:0 0 0 15px;
	background-attachment: scroll;
	background-image: url(images/elbow.gif);
	background-repeat: repeat-y;
}

.treePanel li.treeLiNode {
	margin:5px auto;
	list-style-type: none;
	padding:0;
}
.treePanel .treeLiNode div:hover {
	background:#ccc;
}

.treePanel .treeNodeControlPanel {
	position: absolute;
	left: 50%;
	margin-top: -20px;
    *margin-top: auto;
}

.treePanel div.treeLiDiv input.editCaption
{
	margin:0;
}

/*树节点编辑状态的背景颜色*/
.treePanel div.treeLiDiv span
{
	cursor:pointer;
}

.treePanel div.treeLiDiv span.seleced
{
	border:#000 dotted 1px;
	color:red;
	background-color:#E4EBFC;
}

.treePanel div.treeLiDiv button
{
	margin:0;
	padding-right:10px;
	background:url(images/dialog-operate.gif) scroll no-repeat;
	height:17px;
	border:none;
	cursor:pointer;
	float:left;
}

.treePanel div.treeLiDiv button.treeNodeWrapButton 
{
	margin:0;
	padding-right:8px;
	background:url(images/elbow-minus.gif) scroll no-repeat;
	height:17px;
	width:20px;
	border:none;
	cursor:pointer;
	float:left;
}

.treePanel .treeNodeControlPanel button.treeNodeAddButton 
{
	background-position: 0 -68px;
   *background-position: 3px -68px;
}
.treePanel .treeNodeControlPanel button.treeNodeUpButton
{
	background-position: 0 -34px;
	width:23px;
    background:'url(images/dialog-operate.gif) 0 -34px';
    cursor:pointer;
}
.treePanel .treeNodeControlPanel button.treeNodeDownButton {
	background-position: 0 -17px;
	width:23px;
    background:url(images/dialog-operate.gif) 0 -17px;
    cursor:pointer;
}
.treePanel .treeNodeControlPanel button.treeNodeDeleteButton {
	background-position: 0 0px;
	width:23px;
}
.treePanel .treeNodeControlPanel button.treeNodeEidtButton {
	background-position: 0 -51px;
	*background-position: 3px -51px;
}

/*-----------进度条 ProgressBar 部分-----------*/
div.progressBarBg {
	background:url('images/progress-bar-back.gif') right center no-repeat;
	height:20px; 
	width:100%;
}

div.progressBarPoint {
	background:url('images/progress-bar.gif') right center no-repeat; height:20px;
	width:0px;
}
div.progressBarText { 
	text-align:center;
	font-size:11px; 
	color:#000; 
	padding:3px 0 0 10px; 
}
/*-----------图片滚动 changeImgs 部分-----------*/
div.changeImgs a {
    display: block;
    margin: 0;
    padding: 0;
}
	
div.changeImgTitle
{
	background-color:#E6E6E6;
	height: 24px;
	position:absolute;
	filter:alpha(opacity=40);
	opacity:0.8;zoom:1;
	text-align:center;
	color:#FFF;
}

div.changeImgButtons 
{
	background-color:#8E8E8E;
	height: 14px;
	position: relative;
	filter:alpha(opacity=50);
	opacity:0.5;
	zoom:1;
	top: -14px;
	_top: -14px;
	overflow:hidden;
}

div.changeImgButtons a {
	background-color: #666;
	border-left: #ccc 1px solid;
	line-height: 14px;
	height: 14px;
	float: left;
	padding: 0 7px;
	text-decoration: none;
	color: #fff;
}
div.changeImgButtons a.active,div.changeImgButtons a:hover
{
   background-color:#d34600;
}
/*-----------相册 changeImgs 部分-----------*/
div.albumImgs a {
    display: block;
    margin: 0;
    padding: 0;
}
	
div.albumImgTitle
{
	background-color:#E6E6E6;
	height: 20px;
	position:absolute;
	filter:alpha(opacity=60);
	opacity:0.6;
	zoom:1;
	text-align:center;
}
div.albumImgButtonPanel
{
	clear:both;	
	background-color:#8E8E8E;
	overflow:hidden;	
}

div.albumImgButtonPanel div.dotSlider
{
	clear:both;
	position:relative;
	vertical-align:bottom;	
}
div.albumImgButtons 
{
	white-space:nowrap;
	clear:both;
}

div.albumImgButtons img {
	border-left: #ccc 1px solid;
	height: 60px;
	width:120px;
	float: left;
	padding: 1px;
	filter:alpha(opacity=60);
	opacity:0.6;
}

div.albumImgButtons a.active,div.albumImgButtons img.active, div.albumImgButtons img:hover {
	font-weight: bold;
	border:#FF9900 solid 1px;
	filter:alpha(opacity=100);
	opacity:1.0;
	padding: 0;
}

/*-----------滑动按钮 Slider 部分 mootools 自带程序 这里补充默认css-----------*/
div.dotSlider {
	font-size:12px;
	background-color:#F6F5F5;
	width: 200px;
    margin-bottom:3px;
	border:1px solid #BBBBBB;
}

div.redKnob {
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
	width: 14px;
	height: 14px;
	background-color:#900;
	border: 0;
}
div.greenKnob {
	border-radius: 4px 4px 4px 4px;
	cursor: pointer;
	width: 14px;
	height: 14px;
	border: 0;
	background-color:#090;
}
div.blueKnob {
	border-radius: 4px 4px 4px 4px;
    cursor: pointer;
	width: 14px;
	height: 14px;
	border: 0;
	background-color:#009;
}
/*-----------滑动按钮 JRating 评级条-----------*/
div.rating{
    font-size:12px;
    height:100%;
    margin-bottom:3px;
    overflow:hidden;
    color:#2C2C2C;   
}
div.rating span.txt{
    min-width:50px;width:50px;float:left;
}
div.rating .num{
    color: #656565;
    font-style:normal;
    margin:0 6px;
}
div.rating div.ratingBar{
    background-color:#F6F5F5;
    border:1px solid #BBBBBB;
    height:10px;
    float:left;
    margin-top:1px;
    position:relative;
}
div.rating span.pointer {
    background-color:#F9AE3D;
    border:1px solid #E87F16;
    font-size:1px;
    min-height:8px;
    max-height:10px;
    height:10px;
    left:-1px;
    position:absolute;
    top:-1px;
}

/*---------------*/
.tagboxList-bits {zoom:1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: #CCC dotted 1px; *padding-bottom: 3px; }
.tagboxList-bit {list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.tagboxList-bit-editable {border: 1px solid #fff; }
.tagboxList-bit-editable-input {border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px;}
.tagboxList-bit-editable-input:focus {outline: 0; }
.tagboxList-bit-box {
	position: relative;
	line-height: 18px; 
	padding: 0 5px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; 
	border: 1px solid #CAD8F3;
	background: #DEE7F8;
	cursor: default; 
}
.tagboxList-bit-box-deletable {padding-right: 15px; }
.tagboxList-bit-box-deletebutton
{
	position: absolute;
	right: 4px; 
	top: 6px; 
	display: block;
	width: 7px; 
	height: 7px; 
	font-size: 1px; 
	background: url('images/tag-close.gif'); 
}
.tagboxList-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.tagboxList-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.tagboxList-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.tagboxList-bit-box-focus .tagboxList-bit-box-deletebutton { background-position: bottom;}
.tagboxList-loading{ background: url('images/load.gif') no-repeat 380px center; }
/*-------tips----------------*/
.tip { 
	width:320px; 
	background-color:#FCF9F1;
	border:solid #CCC 1px;
	-moz-box-shadow:-2px 2px -2px 2px #999 inset;              /* For Firefox3.6+ */
	-webkit-box-shadow:-2px 2px -2px 2px  #999 inset;           /* For Chrome5+, Safari5+ */
	box-shadow:-2px 2px -2px 2px  #999 inset;                   /* For Latest Opera */	
	
}
.tip-top { height:26px; width:320px; }
.tip-title { color:#063; font-weight:bold; margin:0 10px 0 10px; }
.tip-text { padding:2px 10px 10px 10px; text-indent:2em;}
.tip-bottom {width:320px; height:10px; }
/* ******************************************************* */
.JDataTable{
	position:relative;
	border: 0px solid #eee;
	overflow:hidden; /* za debug iskljuci */
	color: #000;
}

.JDataTable div.hDivBox
{
	position:relative;
	overflow:hidden;
	_width:100%;
}


.JDataTable div.hDiv /* header div */
{

	background-color: #EEE;	
	position: relative;
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;
	text-align:left;
	_width:100%;
}	

.JDataTable div.bDiv /* body div */
{
	border: 1px solid #ccc;
	border-top: 0px;
	background: #fff;
	position:relative;
	overflow:auto;
	text-align:left;
	_width:100%;
}

.JDataTable div.hDiv .th, .JDataTable  div.bDiv .td  /* common cell properties*/
{
	text-align: left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	vertical-align: top !important;
	font-size:12px;
	display:inline-block;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	/*
	padding-top:0;
	padding-bottom:0;*/
	padding-left:5px;
	/*-moz-user-select:none;*/
	cursor:pointer;
}
.JDataTable div.bDiv .td img {
     /*设置图片垂直居中*/
	 padding-top:4px;
     vertical-align:middle;
}

.JDataTable ::selection{
	color:none;
	background-color:transparent;	
}

.JDataTable div.hDiv div.th{
	line-height:24px;
	border-bottom:#CCC solid 1px;
}

.JDataTable div.bDiv .td{
	line-height:24px;
	/*background-color:red;*/
}
.JDataTable .bDiv input[type="text"],.JDataTable .bDiv input[type="input"],.JDataTable .bDiv input[type="password"],.JDataTable .bDiv textarea,.JDataTable .bDiv select {
   width:96%;
}

.JDataTable select[class=rp]
{
   width:50px;
}

.JDataTable div.td select[lock='true'] /*firefox ie8*/  
{
	background-color:#E8EFF0;
	width:250px;
}

* html .JDataTable div.td select[lock='true'] /*ie6*/  
{
	background-color:#E8EFF0;
	width:100%;
}

* +html .JDataTable div.td select[lock='true'] /*ie7*/  
{
	background-color:#E8EFF0;
	width:100%;
}


.JDataTable div.td select[lock='false']
{
	width:100%;
}
.JDataTable div.bDiv .td a:link{
	text-decoration: none;
}

.JDataTable div.bDiv ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #DDDDDD;
	overflow:hidden;
}

.JDataTable div.bDiv ul li{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}


.JDataTable li.selected {
	background-color: #FCEBC7  !important;
	/*color: #fff;*/
}

.JDataTable li.over {
	background-color: #eaeff4;
	/*color: #fff;*/
}

/* ************************************** */
/* ************** Accordian ************** */
/* ************************************** */

.JDataTable div.bDiv div.toggleicon{
	background-image: url(images/plusminus.gif);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	float:left;
	margin:0;
	padding:0;
}

.JDataTable div.bDiv ul li.section{
	display:none;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}

.JDataTable li div.tog{
	text-align:left;
	padding:8px
}
/* ************************************** */
/* ************** Toolbar *************** */
/* ************************************** */
.JDataTable div.tDiv 
{
    background: #D6E2F2 url(images/jdt_inputpan_bg.gif) repeat-x top;
	position: relative;			
	border: 1px solid #ccc;
	border-bottom: 0px;
	overflow: hidden;	
	height:25px;
}

.JDataTable div.fbutton
{
	margin-top:1px;
	float: left;
	cursor: pointer;
	padding: 1px;
	font-size:12px;
}


.JDataTable div.fbutton div
{
	float: left;
	padding: 1px 3px;
}		

.JDataTable div.fbutton span
{
	float: left;
	display: block;
	padding: 3px;
}

.JDataTable div.fbutton.fbOver
{
	padding: 0px;
	border: 1px solid #ccc;
}

.JDataTable div.fbutton.fbOver div
{
	padding: 0px 2px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}		

.JDataTable div.btnseparator
{
	float: left;
	height: 22px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px;
}

/* end toolbar*/

/* ************************************** */

/* ************************************** */
/* ************** Filter **************** */
/* ************************************** */

.JDataTable li.hide {
	display: none;
}

.JDataTable li.filter {

}

/* ************************************** */
/* ************** Columns size drag ***** */
/* ************************************** */

.JDataTable div.cDrag
{
	float: left;
	position: absolute;
	z-index: 2;
	overflow: visible;
}

.JDataTable div.cDrag div
{
	float: left;
	background: none;
	display: block;
	position: absolute;
	height: 24px;
	width: 5px;
	cursor: col-resize;
}

.JDataTable div.cDrag div.dragging
{
	background: url(images/line.gif) repeat-y 2px center;
}

/* ************************************** */
/* ************** Sort ****************** */
/* ************************************** */

.JDataTable div.hDiv div.DESC
{
	background: url(images/dn.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	

.JDataTable div.hDiv  div.ASC
{
	background: url(images/up.png) no-repeat center top;
	border-bottom: 1px solid orange !important;
}	


/* ************************************** */
/* ************** Pagination ************ */
/* ************************************** */
.JDataTable div.pDiv
{
    background:#B6D1EF url(images/jdt_tit_bg.gif) repeat;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	clear:both;
	_width:100%;
}

.JDataTable div.pDiv div.pDiv2
{
	margin: 2px;
	margin-left: -2px;
	float: left;
	width: 1024px;
}	
	
div.pGroup
{
	float: left;
	background: none;
	height: 24px;
	margin: 0px 5px;
}
	
.JDataTable div.pDiv .pPageStat, .JDataTable div.pDiv .pcontrol
{
    margin-top:2px;
	position: relative;
	top: 2px;
	overflow:visible;
	font-size:12px;
	color:#660;
}

.JDataTable div.pDiv select
{
	margin-top:2px;
}

.JDataTable div.pDiv input
{
	vertical-align: text-top;
	position: relative;
	top: -2px;
	font-size:12px;
}

.JDataTable div.pDiv .btnseparator{
	height:19px;
}

.JDataTable div.pDiv div.pButton
{
	float: left;
	width:16px;
	height:16px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	margin-top:3px;
}

.JDataTable div.pDiv  div.pButton:hover, .JDataTable div.pDiv  div.pButton.pBtnOver
{
	background-position:-16px 0;
}

.JDataTable2 div.pDiv  div.pButton:hover, .JDataTable2 div.pDiv  div.pButton.pBtnOver
{
	width:14px;
	height:14px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.JDataTable .pSearch
{
	background: url(images/magnifier.png) no-repeat center;
}

.JDataTable .pFirst
{
	background: url(images/first.gif) no-repeat ;
}

.JDataTable .pPrev
{
	background: url(images/prev.gif) no-repeat;
}

.JDataTable .pNext
{
	background: url(images/next.gif) no-repeat;
}

.JDataTable .pLast
{
	background: url(images/last.gif) no-repeat;
}

.JDataTable .pReload
{
	background: url(images/refresh.gif) no-repeat;
}

.JDataTable .pReload.loading
{
	background: url(images/load.gif) no-repeat;
	background-position:0 0 !important;
}

.JDataTable .elementloader{
	width:16px;
	height:16px;
	background: url(images/load.gif) no-repeat;
	position:absolute;
}

/* *************************************** */
/* ************** Inline-Edit ************ */
/* *************************************** */

/*--------------------------------------*/
#searchPan{
	width:75%;
	float:right;
	background:#D8DDE8;
	margin:5px;
	margin-right:10px;
	color: #686868;
	padding: 5px;
	font-size:12px;
}

#searchPan input[type="text"],input[type="input"], input[type="password"], textarea,select {
  font-size:12px;
}

#searchPan input.search {
	border: 1px solid #A2ACCA;
	background-image:url(images/magnifier.png);
	background-repeat: no-repeat;
	background-position: 1px;
	width:52px;
	padding-left:18px;
	padding-top:2px;
	color:#686868;

}

#searchPan #find {
	width:80px;
}


#searchPan input.search:hover
{
	color:#360;
	border:#360 solid 1px;
}

.JDataTable input.inline{
	/*width:100px;
	height:15px;*/
	padding:1px 2px 1px 2px;
	
	/* pazi na -moz-user-select od div.td */
}
/*
*::-moz-selection {
   background: #FF3C00; 
   color: #FFF; 
}*/

div.tableOutside {
    background-color: #EEF7FF;
    border: 1px solid #1B87C5;
    margin: 3px;
    padding: 5px;
    width: 98%;

}
/*应用样式  start */
/*翻页*/
div.turnPage{
	margin:5px;
	text-align:right;
}

/*报告信息面板*/
div.informationPanel{
	line-height:20px;
	margin:3px;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:#FC6 1px solid;
	background-color:#FDFDE3;
    width: 96%;
    clear: left;
}

div.informationPanel p,div.informationPanel ul ,div.informationPanel ul li { margin:0;padding:0;}
div.informationPanel ul li { margin-left: 2em;}
div.informationPanel p em { color: #C00;font-style: normal; font-weight: bold;}
/*-----窗体----*/
div.formContainer {margin:0; padding:0; border-right:1px solid;border-left:1px solid;overflow:hidden; }
div.formContainer a{cursor:pointer;}
div.formContainer div.title{
    background-image:url(images/jspxnet16.png);
    margin:3px;
    font-weight:bold;
    padding:5px;
	padding-left:20px;	
    padding-top:1px;
    border-bottom:#CCC dotted 1px;
    background-repeat: no-repeat;
}
div.formContainer div.title span.caption {
    color:#600;
}
div.formContainer div.title span.font {
    float:right;
    position:absolute;
    right:170px;
    top:auto;
    border:#CCC solid 1px;
    font-size:12px;
    font-weight:bold;
}

div.formContainer div.title span.color {
    float:right;
    display:inline-block;
    position:absolute;
    right:50px;
    top:auto;
    border:#CCC solid 1px;
}

div.formContainer div.title span.help {
    float:right;
    display:inline-block;
    position:absolute;
    right:20px;
    top:auto;
}

div.formContainer div.title span.font a.small {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFF;
    cursor:pointer;
    text-align:center;
    border: #CCC solid 1px;
}

div.formContainer div.title span.font a.default {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFF;
    cursor:pointer;
    text-align:center;
    border: #CCC solid 1px;
}

div.formContainer div.title span.font a.large {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFF;
    cursor:pointer;
    text-align:center;
    border: #CCC solid 1px;
}

div.formContainer div.title span.color a.white {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFF;
    cursor:pointer;
    border-top: #CCC solid 2px;
}

div.formContainer div.title span.color a.red {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#F8E6F9;
    cursor:pointer;
    border-top:#900 solid 2px;
}

div.formContainer div.title span.color a.bule {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#DCE0FC;
    cursor:pointer;
    border-top:#006 solid 2px;
}

div.formContainer div.title span.color a.yellow {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFD;
    cursor:pointer;
    border-top:#F90 solid 2px;
}

div.formContainer div.title span.color a.gray {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#CCC;
    cursor:pointer;
    border-top:#000 solid 2px;
}


div.formContainer div.title span.color a.nborder {
    float:left;
    width:16px;
    height:16px;
    display:block;
    background-color:#FFF;
    cursor:pointer;
    border-top:#FFF solid 2px;
}

div.formContainer div.title span.color a.any {
    float:left;
    width:16px;
    height:16px;
    display:block;
    cursor:pointer;
    text-align:center;
    color:#690;
    padding-top:0;
    border:#FFF solid 1px;
}

div.formContainer div.helpTip{margin:10px;padding-left:10px; font-size:100%; background-color:#F4F2EC; border:#690 dotted 1px;}
div.formContainer div.text{margin:10px;padding-left:10px; font-size: 100%; }
div.formContainer p.legend { margin-bottom: 1em; margin-left:10px; }
div.formContainer p.legend em {color: #C00; font-style: normal; }
div.formContainer form span.note {color:#060; display:inline-block;font-size:90%;vertical-align:top;}
div.formContainer form fieldset { margin: 6px; padding: 6px; border: #DDD 1px solid; }
div.formContainer form legend { font-weight: bold; color:#036;}
div.formContainer form fieldset div { padding: 0.20em 0; }
div.row label, div.row span.label {margin-right: 0px; padding-left:10px; padding-right:2px;display:inline-block;font-weight:bold; float: left;}
div.formContainer label em,
div.formContainer span.label em { padding-left:0; margin:0;left:0;font-style: normal;color:#C00; }
div.formContainer div.inputs label,div.formContainer div.inputs input,div.formContainer div.inputs select{float:none; margin:0; padding:0;vertical-align:top;clear:none;}
div.formContainer div.row {border-bottom:#CCC dotted 1px; clear:both;}
div.formContainer div.row:hover {border-bottom:#EEE dotted 1px; background-color:#EBF3F2;}
div.formContainer div.row div.inputs {min-width:250px;width:50%;display:inline-block;clear:none;}
div.formContainer div.row div.inputs label {min-width:120px;width:50%; display:block; float:left;}
div.formContainer form span.note {color:#060; display:inline-block;font-size:90%;vertical-align:top;}
div.formContainer form input[readonly="readonly"]{background-color:#E2EFE7;}
div.formContainer fieldset div.row inputs a{color:#060;}

/*上圆角框*/
b.b1,b.b2,b.b3,b.b4,b.b5,b.b6,b.b7,b.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
b.b1,b.b8{margin:0 5px;}
b.b2,b.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
b.b3,b.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
b.b4,b.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
/*边框色*/
b.b2,b.b3,b.b4,b.b5,b.b6,b.b7,div.formContainer{border-color:#CCC;}
b.b1, b.b8{background:#CCC;}
div.formContainer form {border:0px;}

div.JDataTable div.row {border-bottom:#CCC dotted 1px;}
div.JDataTable div.row p.text { margin:0; padding:0;width:720px;}
div.JDataTable div.row p a{color:#090;}
div.JDataTable div.row label, div.JDataTable div.row span.label {padding-left:10px; padding-right:5px;display:inline-block; float: left; font-weight:bold; }
div.JDataTable div p.legend { margin-bottom: 1em; margin-left:10px; }
div.JDataTable div legend { font-weight: bold; color:#036;}
div.JDataTable div fieldset div {padding: 0.20em 0; }
div.JDataTable div div.row:hover {background-color:#EBF3F2;}
div.JDataTable fieldset {margin: 6px; padding: 6px; border: #DDD 1px solid;width:860px; clear:left;}
div.JDataTable fieldset div.row{width:840px; padding:0; margin:0; float:left;}

/*------------输入框样式----------------*/
div.formContainer input[type="text"],input[type="input"], input[type="password"], textarea,select {
    border: 1px solid #ccc;
}

div.formContainer input[type="text"]:focus, input[type="password"]:focus, textarea:focus ,select:focus {
	border: 1px dotted #f00; 
	background: #F7F7F7;
}

/* Message */
.message {
	padding-left:10px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

/* Message */
.error {
	padding-left:10px;
	border: solid 1px #FFDD99;
	background-color:#FFE8E6;
	overflow: hidden;
}